$(function() {
	$('#angular-gauge1').highcharts({
			chart: {
				type: 'gauge',
				plotBackgroundColor: null,
				plotBackgroundImage: null,
				plotBorderWidth: 0,
				plotShadow: false,
				marginTop: -40
			},
			title: {
				text: '<span class="char-tittle">排气压力</span>',
				style: {
					color: '#FFF',
					fontSize: "14px",
				},
				useHTML: true
			},
			pane: {
				startAngle: -150,
				endAngle: 150,
				background: [{
					backgroundColor: {
						linearGradient: {
							x1: 0,
							y1: 0,
							x2: 0,
							y2: 1
						},
						stops: [
							[0, '#FFF'],
							[1, '#333']
						]
					},
					borderWidth: 0,
					outerRadius: '109%'
				}, {
					backgroundColor: {
						linearGradient: {
							x1: 0,
							y1: 0,
							x2: 0,
							y2: 1
						},
						stops: [
							[0, '#333'],
							[1, '#FFF']
						]
					},
					borderWidth: 1,
					outerRadius: '107%'
				}, {
					// default background
				}, {
					backgroundColor: '#DDD',
					borderWidth: 0,
					outerRadius: '105%',
					innerRadius: '103%'
				}]
			},
			credits: {
				enabled: false
			},
			navigation: {
				buttonOptions: {
					enabled: false
				}
			},
			// the value axis
			yAxis: {
				min: 0,
				max: 16,
				minorTickInterval: 'auto',
				minorTickWidth: 1,
				minorTickLength: 10,
				minorTickPosition: 'inside',
				minorTickColor: '#666',
				tickPixelInterval: 30,
				tickWidth: 2,
				tickPosition: 'inside',
				tickLength: 10,
				tickColor: '#666',
				labels: {
					step: 2,
					rotation: 'auto'
				},
				title: {
					text: 'Bar',
					y: 15
				},
				plotBands: [{
					from: 0,
					to: 5,
					color: '#55BF3B' // green
				}, {
					from: 5,
					to: 10,
					color: '#DDDF0D' // yellow
				}, {
					from: 10,
					to: 16,
					color: '#DF5353' // red
				}]
			},
			series: [{
				name: 'Pressure',
				data: [0],
				tooltip: {
					valueSuffix: 'Bar'
				}
			}]
		},
		// Add some life
		function(chart) {
			var point = chart.series[0].points[0],
				newVal,
				inc;
			point.update(7);
		});

	$('#angular-gauge2').highcharts({
			chart: {
				type: 'gauge',
				plotBackgroundColor: null,
				plotBackgroundImage: null,
				plotBorderWidth: 0,
				plotShadow: false,
				marginTop: -40
			},
			title: {
				text: '<span class="char-tittle">排气温度</span>',
				style: {
					color: '#FFF',
					fontSize: "14px",
				},
				useHTML: true
			},
			pane: {
				startAngle: -150,
				endAngle: 150,
				background: [{
					backgroundColor: {
						linearGradient: {
							x1: 0,
							y1: 0,
							x2: 0,
							y2: 1
						},
						stops: [
							[0, '#FFF'],
							[1, '#333']
						]
					},
					borderWidth: 0,
					outerRadius: '109%'
				}, {
					backgroundColor: {
						linearGradient: {
							x1: 0,
							y1: 0,
							x2: 0,
							y2: 1
						},
						stops: [
							[0, '#333'],
							[1, '#FFF']
						]
					},
					borderWidth: 1,
					outerRadius: '107%'
				}, {
					// default background
				}, {
					backgroundColor: '#DDD',
					borderWidth: 0,
					outerRadius: '105%',
					innerRadius: '103%'
				}]
			},
			credits: {
				enabled: false
			},
			navigation: {
				buttonOptions: {
					enabled: false
				}
			},
			// the value axis
			yAxis: {
				min: 0,
				max: 200,
				minorTickInterval: 'auto',
				minorTickWidth: 1,
				minorTickLength: 10,
				minorTickPosition: 'inside',
				minorTickColor: '#666',
				tickPixelInterval: 30,
				tickWidth: 2,
				tickPosition: 'inside',
				tickLength: 10,
				tickColor: '#666',
				labels: {
					step: 2,
					rotation: 'auto'
				},
				title: {
					text: '℃',
					y: 15
				},
				plotBands: [{
					from: 0,
					to: 120,
					color: '#55BF3B' // green
				}, {
					from: 120,
					to: 160,
					color: '#DDDF0D' // yellow
				}, {
					from: 160,
					to: 200,
					color: '#DF5353' // red
				}]
			},
			series: [{
				name: 'temperature',
				data: [0],
				tooltip: {
					valueSuffix: '℃'
				}
			}]
		},
		// Add some life
		function(chart) {
			var point = chart.series[0].points[0],
				newVal,
				inc;
			point.update(84);
		});
});